#categoryBanner {
    width: 100%;
    position: relative;
    background-image: linear-gradient(to right , #490981, #2f3fc9)
}
#categoryBanner .category{
    width: 230px;
    height: 485px;
    background-color: #aa81ca;
    /* opacity: .9; */
}
#categoryBanner .banner{
    width: 970px;
    height: 485px;
    background-color: #3241d0;
}
.category{
    position: relative;
}
.cate_menu_item{
    text-indent: 30px;
}
.category .cate_menu_lk{
    color: #fff;
    font-weight: bold;
    line-height: 36px;
    margin-right: 14px;
}
 .cate_menu_item .menu{
     display: none;
     width: 970px;
     height: 485px;
     background-color: skyblue;
    position: absolute;
    top: 0;
    left: 230px;
    padding: 20px 0;
    box-sizing: border-box;
 }
 .cate_menu_item:first-child{
     margin-top: 30px;
 }
 .cate_menu_item:hover{
     background-color: skyblue;
 }
 .cate_menu_item:hover .menu{
     display: block;
     z-index: 101;
 }
 .liWrap{
     position: relative;
 }
 .liWrap span{
     position: absolute;
     right: 16px;
     top: 9px;
     color: white;
 }
 .menuNav , .menuNav>a{
     font-size: 16px;
     font-weight: bold;
     color: #ff9c00;
     margin-bottom: 20px;
 }
 .listContent .bookKind{
     font-size: 16px;
     line-height: 36px;
 }
 .listContent .bookName{
    line-height: 24px;
 }
 @keyframes load {0% {width:0%;} 100% {width:100%;}}
 .trent-slider {width:100%; position:relative;overflow:hidden;}
 .t-slide {position:absolute;left:0;right:0;bottom:0;top:0;transition:.65s;}
 .t-slide img {width:100%;height: 100%;}
 .t-slider-controls {position:absolute;top:0;bottom:0;left:0;right:0;} 
 .t-slider-controls .arrow {min-height:100%;width:50px;position:relative;transition:.25s;}
 .t-slider-controls .arrow:hover {cursor:pointer;}
 .t-slider-controls .right-arrow {float:right;} .t-slider-controls .left-arrow {float:left;}
 .t-slider-controls .arrow .arrow-container {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;}
 .t-slider-controls .arrow .arrow-container .arrow-icon {position:relative;width:42px;height:42px;color:#fafafa;border-radius:50%;}
 .t-slider-controls .arrow .arrow-container .arrow-icon i {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
 .t-slider-controls .t-load-bar {width:100%;height:5px;}
 .t-slider-controls .t-load-bar .inner-load-bar {background:rgba(200,200,200,0.65);height:100%;}
 .t-slider-controls .t-dots-container {position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:20px;min-width:350px;}
 .t-slider-controls .t-slide-dots-wrap {height:100%;width:100%;position:relative;}
 .t-slider-controls .t-slide-dots {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:table;content:"";clear:both;}
 .t-slider-controls .t-slide-dots .t-dot {background:#fafafa;width:8px;height:8px;margin:5px;float:left;border-radius:50%;transition:.65s;} 
 .t-slider-controls .t-slide-dots .t-dot.current-dot,.t-slider-controls .t-slide-dots .t-dot:hover {transform:scale(1.65);cursor:pointer;}
 /*close slider css*/
 @media screen and (min-width:768px) {.t-slider-controls .arrow:hover {background:rgba(0,0,0,0.32);}}                 
 

#introduce .introImg{
    width: 285px;
    height: 154px;
    margin: 20px 20px 20px 0;
    cursor: pointer;
}
#introduce .introImg:last-child{
    margin-right: 0px;
}
.introduceMid{
    margin-bottom: 20px;
}
.introduceMid .introMid{
    width: 1200px;
}
.introduceUdr .timer{
    width: 228px;
    height: 285px;
    text-align: center;
    background-color: #f14938;

}
.introduceUdr .timerTil{
    font-size: 24px;
    font-weight: bold;
    color: white;
    display: inline-block;
    margin: 36px 0 16px;
}
.introduceUdr .light{
    font-size: 36px;
    color: white;
}
.introduceUdr .backTime{
    font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 1px;
	color: #ffffff;
    margin: 40px 0 22px;
}
/* .inTimer{
    text-align: left;
} */
.times{
    display: inline-block;
    width: 40px;
	height: 45px;
    background-color: #666;
    font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 45px;
    text-align: center;
	color: #ffffff;
    position: relative;
}
.sybly{
    display: inline-block;
    width: 20px;
	height: 45px;
    color: white;
    font-size: 24px;
    line-height: 45px;
    text-align: center;
}


.sliderList{
    width: 960px;
    height: 285px;
}
#introduce .sliderList  .links{
    width: 228px;
	height: 285px;
    padding: 8px;
    box-sizing: border-box;
}
#introduce .sliderList  .innerwrapper .links{
    float: left;
}
#introduce .sliderList  .innerwrapper .links img{
    width: 198px;
	height: 198px;
}
.innerwrapper li img{
    object-fit: cover;
}

/* 美丽好货 */
.dayGoods{
    margin-bottom: 70px;
}
.dayGoods .title{
    text-align: center;
    margin-bottom: 50px;
}
.dayGoods .goods{
    font-size: 30px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #333333;
    margin: 0 10px;
}
.dayGoods .leftImg{
    display: inline-block;
    width: 25px;
    height: 50px;
    background: url('../images/sprite.png') no-repeat 0 27px;
}
.dayGoods .rightImg{
    display: inline-block;
    width: 25px;
    height: 50px;
    background: url('../images/spritere.png') no-repeat -25px 27px;
}
.dayGoods .bline{
    width: 110px;
	height: 0px;
    border: 2px solid #ff0000;
    margin: 0 auto;
    margin-top: 10px;
}
.goodsContent{
    margin-top: 50px;
}
.goodsContent .left,.goodsContent .right{
    width: 585px;
    height: 410px;
    padding: 24px;
    box-sizing: border-box;
    background: #ffdbdb;
    margin-top: 10px;
}
.goodsContent .right {
    margin-left: 30px;
}
.goodsContent .right .titles .pinkTil{
    color: #006fff;
}
.goodsContent .titles{
    margin-bottom: 18px;
}
.goodsContent .titles .pinkTil{
    font-size: 26px;
	font-weight: bold;
	font-style: italic;
	color: #ff72fd;
}
.goodsContent .titles .blackTil{
    font-size: 26px;
	font-weight: bold;
	color: #333333;
}
.goodsContent p{
    font-size: 16px;
	font-weight: bold;
	color: #9f9f9f;
    margin-bottom: 26px;
}
.goodsContent .goodImgMain{
    width: 165px;
	height: 250px;
    float: left;
    margin-right: 21px;
    position: relative;
    cursor: pointer;
}
.goodsContent .lastImg{
    margin-right: 0;
}
.goodsContent .goodImgMain img{
    width: 165px;
	height: 250px;
}
.goodsContent .goodImgMain .conTil{
    position: absolute;
    bottom: 18px;
    left: 14px;
    width: 140px;
	height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 26px;
	font-weight: bold;
	color: #333333;
    background: rgba(255, 255, 255, .6);
}

/* 服装配饰 */
.clothes{
    height: 700px;
    margin-bottom: -40px;
}
.clothes .clothesTil{
    margin-bottom: 20px;
    padding-top: 40px;
    box-sizing: border-box;
}
.clothes .clothesTilRight{
    width: 158px;
    height: 36px;
    line-height: 36px;
    color: white;
    font-weight: bold;
    background: #ffbd0d;
    text-align: center;
    letter-spacing: 6px;
}
.clothes .clothesTilLeft span{
    margin-left: 16px;
    font-size: 16px;
    color: #808080;
    line-height: 36px;
    cursor: pointer;
}
.clothes .clothesTilLeft span:hover{
    color: #ffbd0d;
}
#kidClothes .clothesTilRight{
    background: #7a45e5;
}
#kidClothes .clothesTilLeft span:hover{
    color: #7a45e5;
}
#beatLife .clothesTilRight{
    background: #f770cf;
}
#beatLife .clothesTilLeft span:hover{
    color: #f770cf;
}
#homeLife .clothesTilRight{
    background: #00b262;
}
#homeLife .clothesTilLeft span:hover{
    color: #00b262;
}
/* 服装配饰内容 */
.clothesCon{
    margin-bottom: 10px
}
/* 服装配饰内容左边 */
.clothesLeft{
    width: 260px;
	height: 460px;
    margin-right: 16px;
}
.clothesLeft img{
    width: 260px;
	height: 330px;
}
.clothesLeft .linkList{
    width: 260px;
    height: 130px;
    padding: 10px;
    box-sizing: border-box;
}
.clothesLeft .linkList .clothesLink{
    width: 70px;
	height: 24px;
    border-radius: 10px;
    margin-right: 10px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #ababab;
    color: #ababab;
    margin-bottom: 14px;
}
.clothesLeft .linkList .clothesLink:hover{
    background: #ffbd0d;
}
.clothesLeft .linkList .clothesLink:nth-child(3n){
    margin-right: 0px;
}

/* 服装配饰内容中间 */
.clothesMid{
    width: 456px;
    height: 460px;
    margin-right: 16px;
}
.clothesSolides{
    width: 456px;
	height: 300px;
    background: pink;
    margin-bottom: 10px;
}
.clothesImg{
    width: 456px;
	height: 150px;

}
.clothesImg img{
    width: 456px;
    height: 150px;
}




/* 服装配饰内容右间 */
.clothesRight{
    width: 452px;
    height: 460px;
}
.clothesRight :nth-child(1){
    margin-right: 12px;
    margin-bottom: 20px;
}
.clothesRight :nth-child(2){
    margin-bottom: 20px;
}
.clothesRight :nth-child(3){
    margin-right: 12px;
}
.clothesKind{
    display: block;
    width: 220px;
	height: 220px;
    padding: 12px;
    box-sizing: border-box;
    text-align: center;
    background: white;
    position: relative;
}
.kindImg{
    position: absolute;
    bottom: 0;
    left: 22px;
}
.clothesKindh2{
    font-size: 18px;
	font-weight: bold;
	color: #333333;
    margin-top: 10px;
}

.clothesKindh3{
    font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 1px;
	color: #333333;
    margin-bottom: 0px;
    margin-top: -10px;
}

/* 服装配饰底部链接 */
.bunLink{
    display: block;
    width: 128px;
    height: 65px;
    float: left;
    margin-right: 6px;
    background: white;
}
.bunLink img{
    width: 128px;
    height: 66px;
}
.clothesBun :last-child{
    margin-right: 0px;
}


/* 电梯栏 */
.scroll{
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -660px;
    margin-top: -100px;
    width: 40px;
    height: 160px;
    background-color: #eee;
    display: none;
}

.scroll>li{
    overflow: hidden;
    width: 0px;
    height: 40px;
    padding-left: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: url('../images/spriteLeft.png') no-repeat;
    cursor: pointer;
}
.scroll>li.girlClothes{
    background-position: 0px -80px;
}
.scroll>li.sport{
    background-position: 0px -160px;
}
.scroll>li.children{
    background-position: 0px -200px;
}
.scroll>li.home{
    background-position: 0px -320px;
}
#returnTop{
    /* display: none; */
    position:absolute;
    bottom: -40px;
    left: 0px;
    width: 40px;
    height: 40px;
    background: #eee;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    color: #666;
}
#returnTop:hover{
    color: #333;
}

/* 左边二维码 */
.loadApp{
    width: 150px;
    height: 208px;
    position: fixed;
    top: 50%;
    right: 50%;
    margin-top: -104px;
    margin-right: -800px;
    background: whitesmoke;
    display: none;
}
.loadApp .erweima{
    width: 150px;
    height: 172px;
    border-bottom: 1px dashed #e6e6e6;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
	line-height: 24px;
	color: #333333;
} 
.loadApp .erweima img{
    width: 123px;
    height: 123px;
}

.loadApp .loadShopCar{
    width: 150px;
    line-height: 36px;
    font-size: 16px;
    color: #808080;
    text-align: center;
}

/* 头部滚动效果 */
.topScroll{
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 80px;
    background-color: #000;
    box-shadow: 0px 1px 8px 0px 
    rgba(146, 146, 146, 0.4);
    z-index: 999;
}

.topScroll .logo{
    width: 170px;
    height: 80px;
    margin-left: 30px;
}

.topScroll .logo>img{
    width: 170px;
    height: 80px;
}
.topScroll .shop_infor{
    margin-top: 10px;
}
.topScroll input{
    width: 430px;
    height: 36px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #44d62c;
}
.topScroll .serchBtn{
    width: 58px;
    height: 36px;
    background: url('../images/serch.png') no-repeat 14px 3px; 
    background-color: #44d62c;
    background-size: 50%;
}



.e-books .e_right{
    width: 280px;
    margin-top: 40px;
    
    border:2px solid #e5e5e5;
}
/* 电子书右边标题  */
.e_right h2{
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-weight: normal;
}
.e_right ol li{
    position: relative;
    padding-left: 20px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}